<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<link href="css/css.css" rel="stylesheet" type="text/css">
<link href="css/index.css" rel="stylesheet" type="text/css">
</head>

<body>
<div class="top">
 <div class="top1">
  <div class="left">
   <p>欢迎</p>
   <p style=" color:#f5791f">艺教之星</p>
   <p>登录艺术教育平台！</p>
  </div><!--left end-->
  <div class="right">
   <ul>
    <li><img src="images/1_03.png" width="11" height="15" /></li>
    <li>个人中心</li>
    <li><img src="images/1_07.png" width="9" height="15" /></li>
    <li>手机版</li>
    <li><img src="images/1_09.png" width="14" height="15" /></li>
    <li>网站导航</li>
    <li><img src="images/1_05.png" width="14" height="15" /></li>
    <li>我的收藏</li>
    <div class="clear"></div>
   </ul>
  </div><!--right end-->
  <div class="clear"></div>
 </div><!--top1 end-->
 <div class="topp1"></div>
 <div class="top2"><img src="images/images/dasdasd.jpg" width="213" height="75" /></div><!--top2 end-->
 <div class="top3">

<input type="search" style=" background:url(images/images/adadadadaweqw_03.png) no-repeat; height:35px ; text-align:center; background-color:#f0f0f0; width:182px" background-color:#f0f0f0 type="text" placeholder="输入搜索关键词"/>

 <input type="button" style=" border:#f68823;; background-color:#f67f21;width:84px; height:35px"   class="put" value="搜索"/>
</div><!--top3 end-->
<div class="clear"></div>
<div class="top4">
 <ul>
  <li><a href="#">资讯中心</a></li>
  <li><a href="#">资讯中心</a></li>
  <li><a href="#">资讯中心</a></li>
  <li><a href="#">资讯中心</a></li>
  <li><a href="#">资讯中心</a></li>
  <li><a href="#">资讯中心</a></li>
  <li><a href="#">资讯中心</a></li>
  <li><a href="#">资讯中心</a></li>
  <li><a href="#">资讯中心</a></li>
  <li><a href="#">资讯中心</a></li>
  <li><a href="#">资讯中心</a></li>
  <div class="clear"></div>
 </ul>
</div><!--top4 end-->
</div><!--top end-->
<div class="main">
 <div class="banner">
 <div class="main1">
 <div class="left">
 <div class="left1"><a href="#">艺教课程</a></div>
  <div class="leftd">
  <div class="left2">
  <p>荧星启蒙</p>
  <ul>
   <li><a href="#">少儿启蒙</a></li>
   <li><a href="#">艺术启蒙</a></li>
  </ul>
  </div>
  <div class="left3">
  <p>舞蹈教学</p>
  <ul>
   <li><a href="#">民族舞</a></li>
   <li><a href="#">民族舞</a></li>
   <li><a href="#">民族舞</a></li>
   <li><a href="#">民族舞</a></li>
  </ul>
  </div>
  <div class="left4">
   <p>表演教学</p>
   <li><a href="#">影视表演</a></li>
   <li><a href="#">影视表演</a></li>
   <li><a href="#">影视表演...</a></li> 
  </div>
  <div class="left5">
   <p>声乐教学</p>
   <li><a href="#">声乐合唱</a></li>
   <li><a href="#">声乐合唱</a></li>
   <li><a href="#">声乐合唱</a></li>
  
  </div>
  <div class="left6">
    <p>器乐教学</p>
   <li><a href="#">民乐演奏</a></li>
   <li><a href="#">管弦乐演奏</a></li>
   
  </div>
  <div class="left7">
   <p>荧星艺画</p>
   <li><a href="#">美术涂鸦级</a></li>
   <li><a href="#">美术创想级</a></li>
   <li><a href="#">美术...</a></li>
  </div>
  <div class="left8"></div>
 
  </div><!--leftd end-->
 </div><!--left end-->
 <div class="mid"></div><!--mid end-->
 <div class="right"></div><!--right end-->
 </div><!--main1 end-->
 <div class="main2"></div><!--main2 end-->
 <div class="main3"></div><!--main3 end-->
 <div class="main4"></div><!--main4 end-->
 <div class="main5"></div><!--main5 end-->
 </div><!--banner end-->
</div><!--main end-->
<div class="foot"></div><!--foot end-->
</body>
</html>
